<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
		.d1{
			height: 399px;
			width: 499px;
			background-color: blue;
			background-repeat: no-repeat;
			/* background-position: center center; */
			background-position: 50% 50%;
			background-image: url(../7-21/img/1.jpg);
			background-size: 10%;
		}
		.d2{
			background-color: blanchedalmond;
			background-size: cover;
		}
		.d3{
			background-color: greenyellow;
			background-size: contain;
		}
		</style>
	</head>
	<body>
		<div class="d1"> 
			教育改变生活
		</div>
		<div class="d1 d2">
			教育改变生活
		</div>
		<div class="d1 d3">
			教育改变生活
		</div>
	</body>
</html>
